<template>
<onekit-page>
<onekit-view onekit-class="container">
	<div is="onekit-template-head" :DATA="`${JSON.stringify({title:'navigator'})}`"></div>
	<onekit-view onekit-class="page-body">
		<onekit-view onekit-class="btn-area">
			<onekit-navigator url="navigate?title=navigate" hover-class="ohter-navigator">
				<onekit-button type="default">跳转到新页面</onekit-button>
			</onekit-navigator>
			<onekit-navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">
				<onekit-button type="default">在当前页打开</onekit-button>
			</onekit-navigator>
			<onekit-navigator target="miniProgram" hover-class="other-navigator-hover" open-type="navigate" app-id="wx4f1b24bdc99fa23b" version="release">
				<onekit-button type="default">打开小程序</onekit-button>
			</onekit-navigator>
		</onekit-view>
	</onekit-view>
	<div is="onekit-template-foot"></div>
</onekit-view>
</onekit-page></template>
<script>
/* eslint-disable */
import Vue from 'vue';
import onekit_template_0 from '../../../../page/common/head.head.vue';Vue.component('onekit-template-head',onekit_template_0);
import onekit_template_1 from '../../../../page/common/foot.foot.vue';Vue.component('onekit-template-foot',onekit_template_1);
const ONEKIT_JSON= {
  "navigationBarTitleText": "navigator",
  "usingComponents": {
    
  }
};
const ONEKIT_SJS = {
};
import wx from '../../../../../weixin2vue/wx.js';
import Macro from '../../../../../weixin2vue/Macro.js';
const {getApp,getCurrentPages} = Macro;
import Page from '../../../../../weixin2vue/OnekitPage.js';
import Component from '../../../../../weixin2vue/OnekitComponent.js';
export default Page(ONEKIT_JSON,[],ONEKIT_SJS,{
    "onShareAppMessage"(){
      return {
        "title":'navigator',
        "path":'page/component/pages/navigator/navigator'
};
    }
});

</script>
<style 
 lang="css">
.navigator-hover .onekit-button {
  background-color: #DEDEDE ;
}
.other-navigator-hover .onekit-button {
  background-color: #DEDEDE ;
}
</style>